<div dojoType="dijit.Dialog"
     id="sendMassCommunicationMessageDialog"
     title="Safety & Security Consultant Registry of Texas"
     style="display:none;">
    <table border="0" cellpadding="0" cellspacing="0" width="500" height="250">
        <tbody>
            <tr>
                <td style="width:30px;background-image:url('images/dialogBg.png');background-repeat:repeat-y;"></td>
                <td align="center"
                    valign="top"
                    id="sendMassCommunicationMessageDialog"
                    style="padding-top:10px;padding-right:10px;">
                    <div id="adminSendMassCommunicationMessageDialogArea">
                        <form dojoType="dijit.form.Form"
                              id="massCommunicationMessageForm"
                              name="massCommunicationMessageForm"
                              method="post"
                              action="javascript:submitMassCommunicationMessageForm();">
                            <table border="0" style="border:0px solid #000000;width:100%;font-family:Verdana;font-size:12px;">
                                <thead>
                                    <tr>
                                        <th colspan="2" style="text-align:left;font-family:Arial;font-size:16px;padding-bottom:10px;">Send Report</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="2" style="text-align:left;font-family:Verdana;font-size:12px;padding-top:10px;border-top:1px solid #CCCCCC;">
                                            To send a mass communication message, enter the information required below and click<br />"Send Message".
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" style="font-family:Verdana;font-size:12px;text-align:center;height:30px;">
                                            <div id="massCommunicationMessageFormStatusMessage"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="vertical-align:top;width:100px;text-align:right;font-family:Verdana;font-size:12px;font-weight:bold;padding-top:5px;">
                                            Title:
                                        </td>
                                        <td style="text-align:left;padding-top:5px;">
                                            <input style="width:300px;"
                                                   type="text"
                                                   name="massCommunicationTitle"
                                                   id="massCommunicationTitle"
                                                   value=""
                                                   dojoType="dijit.form.ValidationTextBox"
                                                   regExp="[\a-zA-Z0-9\-\.\_\#]+"
                                                   trim="true"
                                                   lowercase="false"
                                                   required="true" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="vertical-align:top;width:100px;text-align:right;font-family:Verdana;font-size:12px;font-weight:bold;padding-top:5px;">
                                            Message:
                                        </td>
                                        <td style="text-align:left;padding-top:5px;">
                                            <textarea dojoType="dijit.form.Textarea"
                                                      id="massCommunicationBody"
                                                      name="massCommunicationBody"
                                                      style="width:310px;font-family:Verdana;font-size:12px;"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td style="text-align:left;padding-top:10px;">
                                            <button dojoType="dijit.form.Button"
                                                    type="reset"
                                                    name="resetMassCommunicationMessageForm"
                                                    id="resetMassCommunicationMessageForm"
                                                    iconClass="emptyIcon"
                                                    onclick="clearMassCommunicationMessageForm();">
                                                Clear
                                            </button>
                                            <button dojoType="dijit.form.Button"
                                                    type="button"
                                                    name="submitMassCommunicationMessageForm"
                                                    id="submitMassCommunicationMessageForm"
                                                    iconClass="emptyIcon"
                                                    onclick="submitMassCommunicationMessageForm();">
                                                Send Message
                                            </button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </form>
                    </div>
                    <div id="adminSendMassCommunicationMessageConfirmationArea"
                         style="display:none;">
                        <table style="border:0px solid #000000;width:100%;font-family:Verdana;font-size:12px;">
                            <thead>
                                <tr>
                                    <th style="text-align:left;font-family:Arial;font-size:16px;padding-bottom:10px;">Forgot Your Password?</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="text-align:left;font-family:Verdana;font-size:12px;padding-top:10px;border-top:1px solid #CCCCCC;">
                                        Your message has been sent.
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center;padding-top:30px;">
                                        <button dojoType=dijit.form.Button
                                                type="button"
                                                name="closeMassCommunicationMessageForm"
                                                id="closeMassCommunicationMessageForm"
                                                iconClass="emptyIcon"
                                                onclick="closeMassCommunicationMessageForm();">
                                            Close
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>